import { Component, OnInit } from '@angular/core';
import { StorageServiceService } from 'src/app/storage-service.service';



// // 实例化一个service对象,但是直接生命这种方式不被推荐，我们直接在构造函数中生命
// var storage = new  StorageServiceService();


@Component({
  selector: 'app-search',
  templateUrl: './search.component.html',
  styleUrls: ['./search.component.css']
})
export class SearchComponent implements OnInit {

  constructor(public stroage:StorageServiceService) {


   }
  //创建 keyWords
  public keyWords:any;
  //创建所有的todo项目数组HistoryList
  public  historyList:any[]=[];
  ngOnInit() {
    console.log("页面刷新时启用生命周期函数Oninit");
    var searchlist:any = this.stroage.get('searchlist');
    if(searchlist)
    {
      // 数据持久化
     this.historyList = searchlist;
    }
  }


  // 添加搜索记录
  doSearch(){
    // 如果在当前的indexof('xx')为-1即不存在，那么就将这个keyword推进keywords中
    if(this.historyList.indexOf(this.keyWords)==-1){
      this.historyList.push(this.keyWords);
      // 重新写入
      this.stroage.set("searchlist",this.historyList);
    }
    this.keyWords='';

  }
  // 删除搜索记录
  deleteHistory(key){
    // 从Key位置删除一个
     this.historyList.splice(key,1);
    //  删除localstorage数据
    this.stroage.set("searchlist",this.historyList);
  }
}
